<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html {
            background-color:rgb(226, 226, 226);
          

        }
        .dom {
            width: 380px;
            height: 550px;
            background-color:rgb(244, 244, 244);
            overflow: hidden;
            box-shadow:1px 0px 4px rgb(160, 160, 160),
            -1px 0px 4px rgb(160, 160, 160);
        }
        .dom1 {
           width: 320px;
           height: 480px;
           margin: 30px 30px 40px 30px;
        }
        .doms {
            width: 320px;
            height: 200px;
            background-image: url(images/images/zhangjie.jpg);
            background-repeat: no-repeat;
        }
        .domx{
            width: 320px;
            height: 280px;
            box-shadow: 3px 3px 0px -2px  rgb(230, 230, 230),
             -3px 0px 0px -2px  rgb(230, 230, 230);
        }
        .domx h4{
            line-height: 35px;
            color: rgb(117, 117, 117);
            font-size: 14px;
            margin: 10px 30px 10px 25px;
        }
        .domx p{
            margin: 10px 10px 0px 20px;
            font-size: 15px;
            color: rgb(198, 198, 198);
            display: inline-block;
        }
        .domx span {
            font-size: 15px;
            color: red;
        }
        .domx h3{
            line-height: 35px;
            color: rgb(117, 117, 117);
            font-size: 15px;
            margin: 10px 20px 10px 20px;
        }
           
            



    </style>
</head>
<body>
    <div class="dom">
        <div class="dom1">
            <div class="doms"></div>
            <div class="domx">
                <h4>施华蔻是来自德国的全球顶级美发品牌，至今已拥有119年历史，发明了
                    洗发水和shampoo这个单词，可谓美发造型界的..
                </h4>
                <p>发布日期 </p><span>2017.10.09</span>
                
                <h3>施华蔻迎来首位创型官 联手张杰颠覆...</h4>
            </div>
        </div>
    </div>
</body>
</html>